<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Qrcode Test</title>
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/jquery.qrcode.js"></script>
<script type="text/javascript">
	//创建二维码
	function createQRCode(id, text) {
		$('#' + id).empty();
		$('#' + id).qrcode({
			render : 'canvas',
			text : text, //支持中文，内置utf16to89()方法转码
			width : '220', //二维码的宽度  
			height : '220', //二维码的高度  
			imgWidth : '40', //图片宽
			imgHeight : '40', //图片高
			src : 'img/logo.png' //图片中央的二维码
		});
	}

	function code() {
		var str = $("#str").val();
		createQRCode("qrcode", str);
	}
</script>
</head>
<body>
	<h1>Qrcode</h1>
	<input type="text" id="str" value="www.baidu.com">
	<input type="button" onclick="code()" value="生成二维码">
	<div id="qrcode"></div>
</body>
</html>
